﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>吾爱直播分享有礼平台下载</title>
	</head>
		<style>
			*{
				box-sizing: border-box;
			}
			html,body{
				margin: 0;
				padding: 0;
			}
			html{
				overflow-x: hidden;
			}
			@media screen and (min-width: 375px) {
				body{
				width: 100vw;
				height: 161.333333vw;
				}
				main{
				background-image: url(img/平台下载背景图层1@2x.png);	
				}
				div:nth-of-type(1){
				background-image: url(img/矢量智能对象拷贝@2x.png);
				}
				div:nth-of-type(2){
				background-image: url(img/安卓下载@2x.png);
				}
				div:nth-of-type(3){
				background-image: url(img/IOS下载拷贝@2x.png);
				}
			}
			
			@media screen and (min-width: 1200px) {
				body {
					width: 70vw;
					height: 112.93vw;
					margin: 0 auto;
				}
				main{
				background-image: url(img/平台背景图层1@3x.png);
				}
				div:nth-of-type(1){
				background-image: url(img/矢量智能对象拷贝@3x.png);
				}
				div:nth-of-type(2){
				background-image: url(img/安卓下载@3x.png);
				}
				div:nth-of-type(3){
				background-image: url(img/IOS下载拷贝@3x.png);
				}
			}
			
			
			
			main{
				width: 100%;
				height: 100%;
				background-size: 100% 100%;
				background-repeat: no-repeat;
				padding-top: 18%;
			}
			div{
				background-size: 100% 100%;
				background-repeat: no-repeat;
				margin: 0 auto;
			}
			div:nth-of-type(1){
				width: 40%;
				height: 36%;
				margin-bottom: 16%;
			}
			div:nth-of-type(2){
				width: 73%;
				height: 8%;
				margin-bottom: 4.8%;
			}
			div:nth-of-type(3){
				width: 73%;
				height: 8%;
			}
		</style>
	<body>
		<main>
			<div></div>
			<div></div>
			<div></div>
		</main>
	</body>
</html>
